// 切换城市
$.get("http://localhost:8888/city2",function(data){
	var arrr = data.hot;	
	for(let i = 0; i < arrr.length; i++){
		var aa = $("<a href='#'></a>").appendTo($(".remen>.yin2")).html(arrr[i]);
	}
	var arrr2 = data.letter;
	for(let i = 0; i < arrr2.length; i++){
		var aa2 = $("<a href='#'></a>").appendTo($(".yin1")).html(arrr2[i]["zimu"]);
	}
	$(".yin1>a:first").addClass("red");
	for(let i = 0; i < arrr2[0].city.length; i++){
		var aa3 = $("<a href='#'></a>").appendTo($(".pinyin>div>.yin2")).html(arrr2[0]["city"][i]);
	}

	// 点击事件
	$("#qiehuan").on("click",function(){
		$(".city").show();
	})
	$(".close").on("click",function(){
		$(".city").hide();
	})
	$(".yin2>a").on("click",function(){
		$(".leftHeader>span").html($(this).html());
		$(".city").hide();
	})
	$(".yin1>a").on("click",function(){
		$(this).addClass("red").siblings().attr("class","");
		$(".pinyin .yin2").html("");
		for(let i = 0; i < arrr2[$(this).index()].city.length; i++){
			var aa4 = $("<a href='#'></a>").appendTo($(".pinyin>div>.yin2")).html(arrr2[$(this).index()]["city"][i]);
		}
		$(".yin2>a").on("click",function(){
			$(".leftHeader>span").html($(this).html());
			$(".city").hide();
		})
	})
})

// 搜索区
function callback(data){
	var sss = data.s.splice(0,6);
	for(let i = 0; i < sss.length; i++){
		var ll = $("<li/>").appendTo($(".sou>.ull")).html(sss[i]);
	}

	$(".ull>li").on("click",function(){
		$(".sou>.txt1").val($(this).html());
		$(".sou>.ull").hide();
	})
}
$(".sou>.txt1").on("input",function(){
	$(".sou>.ull").empty();
	$(".sou>.pp1").hide();
	var str = $(this).val();
	$(".sou>.ull").show();
	if(str == ""){
		$(".sou>.pp1").show();
		$(".sou>.ull").hide();
	}
	
	var script = $("<script/>").attr("src","https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+str
		+"&json=1&p=3&sid=&req=2&csor=1&cb=callback&_=1491463387642").appendTo("body");
	script.remove();
})


// 地图模式

function init(){
	// 加载地图
	var map = new AMap.Map('container', {
        resizeEnable: true,
        zoom:10,   //放大的倍数
        center: [116.397428, 39.90923]  //经纬度	  
    });
    // 地图插件
    map.plugin(["AMap.ToolBar","AMap.Scale"], function() {
        map.addControl(new AMap.ToolBar());  //工具条
        map.addControl(new AMap.Scale());   //比例尺
    });

    // 设置点标注
    var icon = new AMap.Icon({/*设置图片大小，自定义标记的图标*/
        image : 'img/a74.png',
        size : new AMap.Size(36,36),
	});

    var infoWindow = new AMap.InfoWindow({offset:new AMap.Pixel(0,-30)});
	var data4 = data3.slice(0,5);
	var markers = [];
	function xunhun(){
		for(let b = 0; b < data4.length; b++){
	        var marker = new AMap.Marker({
				icon: icon,
				position: [data4[b]["map_longitude"],data4[b]["map_latitude"]],
				title: data4[b]["shop_name"],
				map: map
		    });
		    markers.push(marker);
		    marker.content="<p class='mapp1'>"+data4[b]["shop_name"]+"</p><div class='mapdiv'><img class='mapimg' src="
		         +data4[b]['shop_ico']+"><p class='mapp2'>地址："+data4[b]['addr_detail']+"</p></div><a href='javascript:void(0)' class='mapa'>进入店铺</a>"
		    marker.on('click',markerClick);
            marker.emit('click',{target:marker});
		}
		function markerClick(e){
	        infoWindow.setContent(e.target.content);
	        infoWindow.open(map, e.target.getPosition());
	    }
	    map.setFitView();	
	}
	xunhun();

	// 点击事件
	var num3 = 0;
	var min;
	$(".btn5 li").on("click",function(){
		map.remove(markers); 
		num3 = $(this).index();
		min = num3 * 5;
		data4 = data3.slice(min,min+5);
		$(this).attr("class","orange2").siblings().attr("class","");
		xunhun();
	})
	$(".btn5 p").on("click",function(){
		num3++;
		if(num3<6){
	        map.remove(markers); 
	        min = num3 * 5;
		    data4 = data3.slice(min,min+5);
		    $(".btn5 li").eq(num3).attr("class","orange2").siblings().attr("class","");
		    xunhun();
		}else{
			alert("已经没有数据!!!")
		}	
	})
}
// 打开地图
$(".pp3").on("click",function(){
	$(".ditu").show();
	$(".map>h3>span").on("click",function(){
		$(".ditu").hide();
	})
})